<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
   div {
     width: 200px;
     height: 300px;
     border-color: pink;
     border-width: 10px;
     /*border-style: solid; 边框样式 实线 用的最多的*/
     /*border-style: dashed; 边框样式 虚线*/
     /*border-style: dotted; 边框样式 点线*/
     /* border-style: double; 边框样式  双实线*/
     /* border-style: ridge; 边框样式  相框线*/
   }
  </style>
</head>
<body>
 <div>
   我是一个盒子
 </div>
</body>
</html>
